Metodología General por Fase/Paso:
Nos comunicaremos al final de cada paso para asegurar la alineación antes de proceder.
Confirmar contigo el estado de las tablas de base de datos existentes y la creación de nuevas tablas requeridas.
Confirmación mutua sobre la estructura de las tablas: alumnos, cursos_sence, temas_curso, subtemas_curso, documentos_subtema, mensajes_alumno_profesor, pizarra_curso, accesos_aula_virtual, subtemas_alumno, y la nueva chat_aula_mensajes.
chat_aula_mensajes (definida en el Informe Técnico) esté creada en tu base de datos.subtemas_alumno y subtemas_curso) contienen los campos necesarios para las funcionalidades de progreso y calificación.Base de datos lista y confirmada.
aula_virtual_curso.php)Creación del archivo aula_virtual_curso.php con el layout general (encabezado, pie de página, estructura de dos columnas para sidebar y contenido) y lógica básica de acceso/autenticación (verificar id_curso y simular/verificar permiso de alumno).
Archivo aula_virtual_curso.php funcional con la maqueta estructural y acceso básico.
Layout base funcional y aprobado. Lógica de acceso inicial funcionando.
En aula_virtual_curso.php, implementar la lógica PHP para obtener y mostrar dinámicamente los temas (de temas_curso) y sus subtemas (de subtemas_curso) en el panel lateral, usando un acordeón de Bootstrap. Los enlaces de subtemas apuntarán a aula_virtual_curso.php?id_curso=X&id_subtema=Y.
Sidebar del aula mostrando la jerarquía de temas y subtemas del curso actual, obtenidos de la base de datos.
Navegación del temario funcional y correcta.
En aula_virtual_curso.php, implementar la lógica para que al hacer clic en un subtema (o recibir id_subtema por GET), se cargue en el área de contenido principal: subtemas_curso.titulo, descripcion, contenido. Mostrar también enlaces/info de link_zoom (con fecha/hora) y url_video (Vimeo/YouTube, como enlace inicialmente). Listar documentos de documentos_subtema (nombre y enlace de descarga).
Funcionalidad para ver los detalles básicos (texto, enlaces video/zoom, documentos) de un subtema seleccionado.
Visualización de contenido de subtemas aprobada.
En aula_virtual_curso.php, al seleccionar "Pizarra de Anuncios" en el sidebar, mostrar los anuncios de pizarra_curso (para el id_curso actual) en el área de contenido. Incluir título, fecha, contenido y adjuntos. Ordenar por destacado y fecha.
Sección de Pizarra de Anuncios funcional en la vista del alumno.
pizarra_curso).Pizarra de anuncios funcional y aprobada.
En la vista de detalle de cada subtema en aula_virtual_curso.php, implementar el formulario para que el alumno envíe preguntas. Lógica PHP para procesar el formulario e insertar la pregunta en mensajes_alumno_profesor (asociada al alumno, subtema y profesor).
Formulario de envío de preguntas al profesor funcional en cada subtema.
mensajes_alumno_profesor) que los mensajes se guardan correctamente con los IDs de alumno, subtema y profesor correctos.Sistema de envío de preguntas al profesor funcional.
actualizar_progreso_video.php)Creación del script PHP actualizar_progreso_video.php que recibirá datos vía AJAX (POST: alumno_id, curso_id, subtema_id, tiempo_actual_segundos), validará y actualizará subtemas_alumno.tiempo_visualizacion y subtemas_alumno.modo. Devolverá respuesta JSON.
Archivo actualizar_progreso_video.php funcional.
subtemas_alumno se actualice correctamente (tiempo_visualizacion y modo).Backend para seguimiento de progreso validado.
En aula_virtual_curso.php (vista de subtema), implementar el JavaScript necesario. Requeriré que me indiques el tipo de reproductor de video que usarás (HTML5 estándar, Vimeo, YouTube) para adaptar el código JS. El script escuchará eventos del video y llamará al backend (Paso 3.1) vía AJAX en intervalos y/o en eventos clave.
Código JavaScript integrado en la vista del subtema.
Interacción JS-Backend para guardar progreso de video funcional.
En aula_virtual_curso.php, mostrar el progreso del video (porcentaje y/o barra de progreso Bootstrap) en la vista del subtema y en el sidebar de navegación. Esta información se obtendrá de subtemas_alumno. Opcional: actualizar dinámicamente la UI con la respuesta AJAX del Paso 3.2.
Indicadores visuales de progreso en la interfaz.
UI de progreso aprobada.
Esta fase se detallará completamente cuando se apruebe la Fase 3. Incluirá:
actualizar_calificacion_subtema.php).Esta fase se detallará completamente cuando se apruebe la Fase 4. Incluirá:
chat_aula_mensajes y actualización por recarga).El desarrollo de las interfaces para que los administradores y profesores gestionen los contenidos del Aula Virtual (subir documentos, crear anuncios para la pizarra, responder consultas de alumnos, ver el progreso general de sus alumnos, etc.) se considera un módulo o conjunto de funcionalidades separado. Se abordará una vez que la vista del alumno del Aula Virtual esté avanzada y según tus prioridades. Estas interfaces se integrarían probablemente en el panel de administración existente (admin.php) o en nuevas páginas dedicadas.
Nota Final: Este cronograma es una propuesta y puede ajustarse según las necesidades y la retroalimentación que surja durante el desarrollo. La comunicación constante será clave para el éxito del proyecto.